/**
 * 功能描述: 结束样式表
 * @author 崔孝楠
 * @date 2022/10/7 20:24
 * @version 1.0
 */
@import '../../style/index';

// 结果图标布局
@mixin result-icon--layout {
  margin-bottom: 24px;
  text-align: center;
  // 图标
  svg {
    width: 1em;
    height: 1em;
  }
}

// 信息内容布局
@mixin result-title--layout {
  line-height: 1.8;
  text-align: center;
}

// 信息备注布局
@mixin result-subtitle--layout {
  line-height: 1.6;
  text-align: center;
}

// 结束布局
@include b(result) {
  padding: 48px 32px;
}

// 成功图标颜色
@include b(result-success) {
  @include b(result-icon) {
    color: $success-icon-color;
  }
}

// 信息图标颜色
@include b(result-info) {
  @include b(result-icon) {
    color: $info-icon-color;
  }
}

// 警告图标颜色
@include b(result-warning) {
  @include b(result-icon) {
    color: $warning-icon-color;
  }
}

// 错误图标颜色
@include b(result-error) {
  @include b(result-icon) {
    color: $error-icon-color;
  }
}

// 结果图标样式
@include b(result-icon) {
  font-size: 72px;
  @include result-icon--layout;
}

// 信息内容样式
@include b(result-title) {
  color: $color-text-primary;
  font-size: 24px;
  @include result-title--layout;
}

// 信息备注样式
@include b(result-subtitle) {
  color: $color-text-secondary;
  font-size: $font-size-base;
  @include result-subtitle--layout;
}

// 操作按钮布局
@include b(result-extra) {
  margin: 24px 0 0;
  text-align: center;
  // 按钮的间隔
  > * {
    margin-right: 8px;
  }
}
// 追加内容布局
@mixin result-content--layout {
  margin-top: 24px;
  padding: 24px 40px;
  // 内容间隔
  p {
    margin-bottom: 1em;
  }
  // 图标
  @include b(result-content-icon) {
    width: 1em;
    height: 1em;
  }
}

// 追加内容样式
@include b(result-content) {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: $background-color-base;
  @include result-content--layout;
  // 跳转链接样式
  a {
    color: $color-primary;
    cursor: pointer;
  }
  // 内容标题样式
  @include b(result-content-title) {
    font-size: 16px;
    font-weight: bolder;
  }
  // 图标颜色
  @include b(result-content-icon) {
    color: $error-icon-color;
  }
}
